// import React, { Component } from 'react';
// import './Comment.scss';
// class Comment extends Component {
//   state = {
//     title: '',
//     content: '',
//     list: [
//       {
//         title: 'jack',
//         content: '沙发！！！',
//       },
//     ],
//   };
//   //评论人
//   UpdateTitle = (e) => {
//     // 从事件对象e中拿到input的值来更新state里面的数据
//     let title = e.target.value;
//     // 更新state里面的数据用setState方法
//     this.setState({
//       title,
//     });
//   };
//   //评论数据
//   UpdateContent = (e) => {
//     this.setState({
//       content: e.target.value,
//     });
//   };
//   //添加评论内容
//   Publish = () => {
//     // 数据来更新list列表数据
//     const { title, content } = this.state;
//     let newArr = this.state.list.concat([{ title, content }]);
//     this.setState({
//       list: newArr,
//     });
//   };
//   //删除评论功能
//   Del = (index) => {
//     this.state.list.splice(index, 1);
//     this.setState({
//       list: this.state.list,
//     });
//   };
//   render() {
//     return (
//       <div className="comment">
//         <div className="header">
//           <input
//             value={this.state.title}
//             placeholder="请输入评论人"
//             onChange={this.UpdateTitle}
//           />
//         </div>
//         <div className="content">
//           <textarea
//             value={this.state.content}
//             placeholder="请输入评论内容"
//             rows="5"
//             onChange={this.UpdateContent}
//           />
//         </div>
//         <button onClick={this.Publish}>发表评论</button>
//         <div className="list">
//           <ul>
//             {this.state.list.map((item, index) => (
//               <li key={index}>
//                 <h2>评论人：{item.title}</h2>
//                 <p>评论内容：{item.content}</p>
//                 <button className="btn-del" onClick={() => this.Del(index)}>
//                   删除评论
//                 </button>
//               </li>
//             ))}
//           </ul>
//         </div>
//       </div>
//     );
//   }
// }

// export default Comment;
import { Component } from 'react';
import Main from '../../components/comment/main/Main';
class Comment extends Component {
  state = {};

  render() {
    return (
      <div>
        <Main />
      </div>
    );
  }
}

export default Comment;
